<template>
	<div>
		<div class="page">
			<div class="page-bd">
				<!-- 面包屑导航 -->
				<el-row type="flex" justify="space-between" class="breadcrumb">
					<div>
						<img src="~@/assets/images/programme-home.png" class="icon-home">
						<span style="margin-right: 25px;">方案设计</span>
						<span>管理方案</span>
						<span style="margin-left: 5px;margin-right: 5px;">></span>
						<span>设计方案</span>
						<span style="margin-left: 5px;margin-right: 5px;">></span>
						<span>{{ programmes[0].batch }}</span>
					</div>
					<el-row type="flex" align="middle">
						<span>{{ user.name }}</span>
						<span style="margin: 0 33px;">{{ user.sex == 0 ? "男" : "女" }}</span>
						<span>
							<span v-if="programmes[0].majorType == 1">理科</span>
							<span v-if="programmes[0].majorType == 2">文史</span>
							<span v-if="programmes[0].majorType == 3">艺术理</span>
							<span v-if="programmes[0].majorType == 4">艺术文</span>
						</span>
					</el-row>
				</el-row>
				<div class="page-block">
					<!-- tabs -->
					<el-row type="flex">
						<!-- 理科: 理科、艺术理 文史: 文史、艺术文  -->
						<el-radio-group class="g-readonly" :value="[1, 3].includes(this.form.majorType)" style="flex-shrink: 0; margin-right: 60px;">
							<el-radio-button :label="false">文史</el-radio-button>
							<el-radio-button :label="true">理工</el-radio-button>
						</el-radio-group>
						<el-tabs class="ui-tabs g-readonly" v-model="tabs.active" style="flex: 1; min-width: 0;">
							<el-tab-pane v-for="item in tabs.list" :key="item.id" :label="item.label" :name="item.value">
							</el-tab-pane>
						</el-tabs>
						<div style="flex-shrink: 0; display: flex;">
							<div class="search-cell modify-row1Input" style="margin: 0 27px 0 5px;">
								<span class="search-cell__label">分数</span>
								<el-input placeholder="请输入分数" style="width: 100px;" v-model="fraction" :disabled="disabledFlag"
									@input="Ipt(1)"></el-input>
							</div>
							<div class="search-cell modify-row1Input">
								<span class="search-cell__label">位次</span>
								<el-input placeholder="请输入位次" style="width: 100px;" v-model="precedence" :disabled="disabledFlag"
									@input="Ipt(2)"></el-input>
							</div>
						</div>
					</el-row>
					<!-- input搜索区 -->
					<div class="search">
						<div class="search-cell" style="flex: 1;">
							<span class="search-cell__label" style="margin-right: 15px;">院校名称</span>
							<el-autocomplete style="width: 467px;" class="search-cell__input" v-model="school"
								@blur="schoolBoolen = true" @focus="schoolBoolen = false" :fetch-suggestions="querySearch1"
								placeholder="请输入内容" :trigger-on-focus="false">
							</el-autocomplete>
						</div>
						<div style="flex-shrink: 0; display: flex;">
							<div class="search-cell">
								<span class="search-cell__label">专业1</span>
								<el-autocomplete class="search-cell__input" v-model="major1" :fetch-suggestions="querySearch"
									placeholder="请输入专业名称" :trigger-on-focus="false" style="width: 180px;">
								</el-autocomplete>
							</div>
							<div class="search-cell">
								<span class="search-cell__label">专业2</span>
								<el-autocomplete class="search-cell__input" v-model="major2" :fetch-suggestions="querySearch"
									placeholder="请输入专业名称" :trigger-on-focus="false" style="width: 180px;">
								</el-autocomplete>
							</div>
							<div class="search-cell">
								<span class="search-cell__label">专业3</span>
								<el-autocomplete class="search-cell__input" v-model="major3" :fetch-suggestions="querySearch"
									placeholder="请输入专业名称" :trigger-on-focus="false" style="width: 180px;">
								</el-autocomplete>
							</div>
						</div>
					</div>
					<section class="collapse">
						<div class="chooseBlock"  :class="{ 'chooseBlock-close': collapseOpen === false }">
							<div class="chooseBlock-cell">
								<span class="chooseBlock-cell__label">所在省份</span>
								<el-checkbox-group class="modify-elCheckbox" v-model="checkedCities" ref="checkboxCities">
									<el-checkbox v-for="item in cities" style="margin-left:0; font-size: 15px; padding: 0;"
										:label="item.value" :key="item.value" @change="sfclick(item.label, $event)">{{ item.label
										}}</el-checkbox>
								</el-checkbox-group>
							</div>
							<div class="chooseBlock-cell">
								<span class="chooseBlock-cell__label">院校类型</span>
								<el-checkbox-group class="modify-elCheckbox" v-model="checkedSchoolTypes">
									<el-checkbox v-for="item in SchoolTypes" :label="item.value" :key="item.value"
										@change="schooltypeclick(item.value, $event)">{{ item.value }}</el-checkbox>
								</el-checkbox-group>
							</div>
							<div class="chooseBlock-cell">
								<span class="chooseBlock-cell__label">博硕资格</span>
								<el-checkbox-group class="modify-elCheckbox" v-model="checkedQualifications">
									<el-checkbox v-for="item in Qualifications" :label="item.value" :key="item.value"
										@change="qualificationsclick(item.value, $event)">{{ item.label }}</el-checkbox>
								</el-checkbox-group>
							</div>
							<div class="chooseBlock-cell">
								<span class="chooseBlock-cell__label">院校层级</span>
								<el-checkbox-group class="modify-elCheckbox" v-model="checkedHierarchys">
									<el-checkbox v-for="item in Hierarchys" :label="item.value" :key="item.value"
										@change="hierarchysclick(item.value, $event)">{{ item.label }}</el-checkbox>
								</el-checkbox-group>
							</div>
							<el-row type="flex">
								<div class="chooseBlock-cell" style="flex: 1; margin-bottom: 0;">
									<span class="chooseBlock-cell__label">办学性质</span>
									<el-checkbox-group class="modify-elCheckbox" v-model="checkedNatures">
										<el-checkbox v-for="item in Natures" :label="item.value" :key="item.value"
											@change="natureclick(item.value, $event)">{{ item.label }}</el-checkbox>
									</el-checkbox-group>
								</div>
								<!-- <div style="flex-shrink: 0; display: flex; align-items: center;">
									<el-button class="modify-button" type="primary" @click="getSchoolyz()">查询</el-button>
									<el-button class="modify-button" @click="Reset()">重置</el-button>
									<span style="margin-left: 30px; font-size: 16px; font-weight: 500; color: var(--primaryColor);">
										检索结果{{ count }}
									</span>
									<span style="margin-left: 120px; color: var(--primaryColor); cursor: pointer;">
										<img style="width: 17px; height: 17px; vertical-align: text-top;"
											src="~@/assets/images/programme-collapse.png" class="icon-home">
										收起
									</span>
								</div> -->
							</el-row>
						</div>
						<div class="collapse-tags" v-show="collapseOpen === false" :style="collapseOpen === false && 'min-height: 40px;'">
							<template v-for="(item) in ['checkedCities', 'checkedSchoolTypes', 'checkedQualifications', 'checkedHierarchys', 'checkedNatures']">
								<el-tag v-if="checkboxTagFilter(item)" @close="resetCheckBoxItem(item)" closable>
									{{ checkboxTagFilter(item) }}
								</el-tag>
							</template>
						</div>
						<el-row class="collapse-ft" type="flex" justify="end">
							<div style="flex-shrink: 0; display: flex; align-items: center; pointer-events: auto;">
								<el-button class="modify-button" type="primary" @click="getSchoolyz()">查询</el-button>
								<el-button class="modify-button" @click="Reset()">重置</el-button>
								<span style="margin-left: 30px; font-size: 16px; font-weight: 500; color: var(--primaryColor);">
									检索结果{{ count }}
								</span>
								<span @click="collapseOpen = !collapseOpen" style="margin-left: 120px; color: var(--primaryColor); cursor: pointer;">
									<img style="width: 17px; height: 17px; vertical-align: text-top;" :style="collapseOpen === false && 'transform: rotateX(180deg);'"
										src="~@/assets/images/programme-collapse.png" class="icon-home">
									{{ collapseOpen ? '收起' : '展开' }}
								</span>
							</div>
						</el-row>
					</section>
				</div>
				<!-- 表格区 -->
				<div style="margin: auto;overflow:auto">
					<!-- 普通 -->
					<el-table class="modify-table" v-loading="loading" ref="multipleTable" :data="tableData" :cell-style="cellStyle"
						v-if="ptfrom" :row-class-name="schoolClassName">
						<el-table-column prop="code" label="院校代码" width="95" align="center">
							<template slot-scope="props">
								<span @click="clickTable(props.row, props.$index)" style="cursor: pointer;">
									{{ props.row.code }}
									<i v-show="props.isExpanded" style="color: #ccc;" class="el-icon-caret-bottom"></i>
									<i v-show="!props.isExpanded" style="color: #ccc;" class="el-icon-caret-right"></i>
								</span>
							</template>
						</el-table-column>
						<el-table-column prop="schoolName" label="院校名称" align="left">
							<template slot-scope="scope">
								<span @click="details(scope.row)" style="cursor: pointer;font-size: 15px; display: inline-block;"
									v-html="showDate(scope.row.schoolName, '普通')"></span>
								<div
									style="cursor: pointer;font-size: 15px;display: inline-block;width: 8%;float: right;margin-right: 0.5em;">
									<img @click="introduce(scope.row.schoolDesc)" v-if="scope.row.schoolDesc"
										src="~@/assets/images/programme-info.png" class="icon-info">
								</div>
							</template>
						</el-table-column>
						<el-table-column prop="toudang2015" label="计划数 | 投档数" align="center" class-name="mergeTh">
							<el-table-column align="center" class-name="mergeTh-child" prop="toudang2019" :label="nowYear - 2 + ''"
								min-width="28px"></el-table-column>
							<el-table-column align="center" class-name="mergeTh-child" prop="toudang2020" :label="nowYear - 1 + ''"
								min-width="28px"></el-table-column>
							<el-table-column align="center" class-name="mergeTh-child" prop="toudang2021" :label="nowYear + ''"
								min-width="28px"></el-table-column>
						</el-table-column>

						<el-table-column prop="shift_line2019" label="投档线" align="center" class-name="mergeTh">
							<el-table-column align="center" class-name="mergeTh-child" prop="shiftLine2019" :label="nowYear - 2 + ''"
								min-width="20px"></el-table-column>
							<el-table-column align="center" class-name="mergeTh-child" prop="shiftLine2020" :label="nowYear - 1 + ''"
								min-width="20px"></el-table-column>
							<el-table-column align="center" class-name="mergeTh-child" prop="shiftLine2021" :label="nowYear + ''"
								min-width="20px"></el-table-column>
						</el-table-column>
						<el-table-column prop="ranking2019" label="投档位次" align="center" class-name="mergeTh">
							<el-table-column align="center" class-name="mergeTh-child" prop="ranking2019" :label="nowYear - 2 + ''"
								min-width="20px"></el-table-column>
							<el-table-column align="center" class-name="mergeTh-child" prop="ranking2020" :label="nowYear - 1 + ''"
								min-width="20px"></el-table-column>
							<el-table-column align="center" class-name="mergeTh-child" prop="ranking2021" :label="nowYear + ''"
								min-width="20px"></el-table-column>
						</el-table-column>
						<el-table-column align="center" prop="sortNum" label="综合排名" min-width="26px">
						</el-table-column>
						<el-table-column align="center" prop="schoolType" label="院校类型" min-width="26px">
						</el-table-column>

						<el-table-column align="center" prop="level" label="层级属性" min-width="26px">
						</el-table-column>
						<el-table-column align="center" prop="city" label="所在城市" min-width="26px">
						</el-table-column>
						<el-table-column align="center" prop="manager" label="主管部门" min-width="34px">
						</el-table-column>
						<el-table-column align="center" prop="majorPlan" label="录取形式" min-width="29px">
						</el-table-column>
						<el-table-column align="center" prop="plan2022" :label="PlanYear + '计划'" min-width="20px">
							<template slot-scope="scope">
								<span v-if="scope.row.plan2022 > scope.row.plan2021" class="icon-top">
									{{ scope.row.plan2022 }}<i>↑</i>
								</span>
								<span v-else-if="scope.row.plan2021 > scope.row.plan2022" class="icon-bottom">
									{{ scope.row.plan2022 }}<i>↓</i>
								</span>
								<span v-else>{{ scope.row.plan2022 }}</span>
							</template>
						</el-table-column>
						<el-table-column align="center" prop="zy" label="填报" width="90">
							<template slot-scope="scope">
								<el-dropdown trigger="click" style="margin: 0;padding: 0;">
									<span class="el-dropdown-link" :class="scope.row.schemeName ? 'scheme' : 'not-scheme'"
										style="margin: 0;cursor: pointer;font-size: 15px;">
										{{ scope.row.schemeName ? scope.row.schemeName : '请选择' }}
									</span>
									<i class="el-icon-caret-bottom"></i>
									<el-dropdown-menu slot="dropdown">
										<el-dropdown-item v-for="(item, index) in dropList" :key="index" :command="item.label"
											style="padding: 0;text-align: center;">
											<span @click="statusChange(scope.$index, item.label)" style="width: 60px;padding: 10px;">{{
												item.label }}</span>
										</el-dropdown-item>
									</el-dropdown-menu>
								</el-dropdown>
							</template>
						</el-table-column>
						<!-- 展开后的表格 -->
						<el-table-column type="expand" width="1">
							<template slot-scope="props">
								<el-table class="modify-expandTable" :data="props.row.children" style="width: 100%;font-size: 16px;"
									:cell-style="cellStyles">
									<el-table-column align="center" prop="majorCode" label="专业代码" width="95"></el-table-column>
									<el-table-column align="center" prop="majorName" label="专业|专业等级">
										<template slot-scope="scope">
											<el-row type="flex" style="text-align: left;">
												<span style="font-size: 15px; margin-right: 0.5em; flex: 1;" v-html="showDate(scope.row.majorName, '普通')"></span>
												<!-- row.color === 'red' -->
												<img @click="introduce(scope.row.majorDesc)" v-if="scope.row.majorDesc"
													src="~@/assets/images/programme-info.png" class="icon-info">
											</el-row>
										</template>
									</el-table-column>
									<el-table-column prop="msg2015" label="计划数 / 录取数  |  最高分 / 平均分 / 最低分| 最高位次-最低位次" class-name="mergeTh" align="center">
										<el-table-column prop="msg2015" :label="MajorNowYear - 2 + ''" class-name="mergeTh-child" width="188" align="center"></el-table-column>
										<el-table-column prop="msg2016" :label="MajorNowYear - 1 + ''" class-name="mergeTh-child" width="188" align="center"></el-table-column>
										<el-table-column prop="msg2017" :label="MajorNowYear + ''" class-name="mergeTh-child" width="188" align="center"></el-table-column>
									</el-table-column>
									<el-table-column prop="plan2018" :label="MajorPlanYear + '计划'" min-width="14px" align="center">
										<template slot-scope="scope">
											<span v-if="scope.row.plan2018 > scope.row.plan2017" class="icon-top">{{ scope.row.plan2018 }}↑</span>
											<span v-else-if="scope.row.plan2017 > scope.row.plan2018" class="icon-bottom">{{ scope.row.plan2018 }}↓</span>
											<span v-else>{{ scope.row.plan2018 }}</span>
										</template>
									</el-table-column>
									<el-table-column label="操作" style="padding: 0;" align="center" width="90">
										<template slot-scope="propss" style="padding: 0;">
											<el-dropdown trigger="click" style="margin: 0;padding: 0;">
												<span class="el-dropdown-link" :class="propss.row.sort ? 'scheme' : 'not-scheme'"
													style="font-size: 15px;margin: 0;cursor: pointer;">
													{{ propss.row.sort ? propss.row.sort : '请选择' }}
												</span>
												<i class="el-icon-caret-bottom"></i>
												<el-dropdown-menu slot="dropdown">
													<el-dropdown-item v-for="(item, index) in majorList" :key="index" :command="item.label"
														style="padding: 0;text-align: center;">
														<span @click="majorchange(props.$index, propss.$index, props.row, propss.row, item.label)"
															style="width: 60px;padding: 10px;">{{ item.label }}</span>
													</el-dropdown-item>
												</el-dropdown-menu>
											</el-dropdown>
										</template>
									</el-table-column>
								</el-table>
							</template>
						</el-table-column>
					</el-table>
					<!-- 特殊批次 -->
					<el-table class="modify-table" v-loading="loading" ref="multipleTable1" :data="tableData"
						:cell-style="cellStyle"
						style="width: 100%;color: black;overflow: auto;" v-if="tsfrom"
						:row-class-name="schoolClassName">

						<el-table-column prop="code" label="院校代码" width="95" align="center">
							<template slot-scope="props">
								<span @click="clickTable(props.row, props.$index)" style="cursor: pointer;">
									{{ props.row.code }}
									<i v-show="props.isExpanded" style="color: #ccc;" class="el-icon-caret-bottom"></i>
									<i v-show="!props.isExpanded" style="color: #ccc;" class="el-icon-caret-right"></i>
								</span>
							</template>
						</el-table-column>
						<el-table-column prop="schoolName" label="院校名称" align="left">
							<template slot-scope="scope">
								<span @click="details(scope.row)"
									style="cursor: pointer;font-size: 15px;margin-left: 0.5em;display: inline-block;"
									v-html="showDate(scope.row.schoolName, '特殊')"></span>
								<div
									style="cursor: pointer;font-size: 15px;display: inline-block;width: 8%;float: right;margin-right: 0.5em;">
									<img @click="introduce(scope.row.schoolDesc)" v-if="scope.row.schoolDesc"
										src="~@/assets/images/programme-info.png" class="icon-info">
								</div>
							</template>
						</el-table-column>
						<el-table-column prop="toudang2015" label="计划数|投档数" class-name="mergeTh" align="center">
							<el-table-column prop="toudang2019" :label="nowYear - 2 + ''" align="center" class-name="mergeTh-child" min-width="18px"></el-table-column>
							<el-table-column prop="toudang2020" :label="nowYear - 1 + ''" align="center" class-name="mergeTh-child" min-width="18px"></el-table-column>
							<el-table-column prop="toudang2021" :label="nowYear + ''" align="center" class-name="mergeTh-child" min-width="18px"></el-table-column>
						</el-table-column>

						<el-table-column prop="shift_line2019" label="平行最低分/控制线/投档最低分" class-name="mergeTh" align="center">
							<el-table-column prop="shiftLine2019" :label="nowYear - 2 + ''" align="center" class-name="mergeTh-child" min-width="30px"></el-table-column>
							<el-table-column prop="shiftLine2020" :label="nowYear - 1 + ''" align="center" class-name="mergeTh-child" min-width="30px"></el-table-column>
							<el-table-column prop="shiftLine2021" :label="nowYear + ''" align="center" class-name="mergeTh-child" min-width="30px"></el-table-column>
						</el-table-column>
						<el-table-column prop="ranking2019" label="参考位次" class-name="mergeTh" align="center">
							<el-table-column prop="ranking2019" :label="nowYear - 2 + ''" class-name="mergeTh-child" align="center" min-width="20px"></el-table-column>
							<el-table-column prop="ranking2020" :label="nowYear - 1 + ''" class-name="mergeTh-child" align="center" min-width="20px"></el-table-column>
							<el-table-column prop="ranking2021" :label="nowYear + ''" class-name="mergeTh-child" align="center" min-width="20px"></el-table-column>
						</el-table-column>
						<!-- <el-table-column prop="sortNum" label="综合排名" min-width="23px">
						</el-table-column> -->
						<el-table-column prop="level" label="层级属性" align="center" min-width="23px">
						</el-table-column>
						<el-table-column prop="city" label="所在城市" align="center" min-width="23px">
						</el-table-column>
						<el-table-column prop="manager" label="主管部门" align="center" min-width="23px">
						</el-table-column>
						<el-table-column prop="xiancha" label="报考类别" align="center" min-width="23px">
						</el-table-column>
						<el-table-column prop="plan2022" :label="PlanYear + '计划'" align="center" min-width="18px">
							<template slot-scope="scope">
								<span v-if="scope.row.plan2022 > scope.row.plan2021" class="icon-top">
									{{ scope.row.plan2022 }}<i>↑</i>
								</span>
								<span v-else-if="scope.row.plan2021 > scope.row.plan2022" class="icon-bottom">
									{{ scope.row.plan2022 }}<i>↓</i>
								</span>
								<span v-else>{{ scope.row.plan2022 }}</span>
							</template>
						</el-table-column>
						<el-table-column prop="zy" label="填报" width="90" align="center">
							<template slot-scope="scope">
								<el-dropdown trigger="click" style="margin: 0;padding: 0;">
									<span class="el-dropdown-link" :class="scope.row.schemeName ? 'scheme' : 'not-scheme'"
										style="margin: 0;cursor: pointer;font-size: 15px;">
										{{ scope.row.schemeName ? scope.row.schemeName : '请选择' }}
									</span>
									<i class="el-icon-caret-bottom"></i>
									<el-dropdown-menu slot="dropdown">
										<el-dropdown-item v-for="(item, index) in dropList" :key="index" :command="item.label"
											style="padding: 0;text-align: center;">
											<span @click="statusChange(scope.$index, item.label)" style="width: 60px;padding: 10px;">{{
												item.label }}</span>
										</el-dropdown-item>
									</el-dropdown-menu>
								</el-dropdown>
							</template>
						</el-table-column>
						<!-- 展开后的表格 -->
						<el-table-column type="expand" width="1">
							<template slot-scope="props">
								<el-table class="modify-expandTable" :data="props.row.children" style="width: 100%;"
									:cell-style="cellStyles">
									<el-table-column prop="majorCode" label="专业代码" width="95" align="center"></el-table-column>
									<el-table-column prop="majorName" label="专业|专业等级" align="center">
										<template slot-scope="scope">
											<el-row type="flex" style="text-align: left;">
												<span style="font-size: 15px; margin-right: 0.5em; flex: 1;" v-html="showDate(scope.row.majorName, '普通')"></span>
												<!-- row.color === 'red' -->
												<img @click="introduce(scope.row.majorDesc)" v-if="scope.row.majorDesc"
													src="~@/assets/images/programme-info.png" class="icon-info">
											</el-row>
										</template>
									</el-table-column>
									<el-table-column prop="msg2015" label="计划数/录取数|最高分/平均分/最低分|最高位次-最低位次" align="center">
										<el-table-column prop="msg2015" :label="MajorNowYear - 2 + ''" align="center" min-width="32px"></el-table-column>
										<el-table-column prop="msg2016" :label="MajorNowYear - 1 + ''" align="center" min-width="32px"></el-table-column>
										<el-table-column prop="msg2017" :label="MajorNowYear + ''" align="center" min-width="32px"></el-table-column>
									</el-table-column>
									<el-table-column prop="plan2018" :label="MajorPlanYear + '计划'" align="center" min-width="8px">
										<template slot-scope="scope">
											<span v-if="scope.row.plan2018 > scope.row.plan2017" class="icon-top">{{ scope.row.plan2018 }}↑</span>
											<span v-else-if="scope.row.plan2017 > scope.row.plan2018" class="icon-bottom">{{ scope.row.plan2018 }}↓</span>
											<span v-else>{{ scope.row.plan2018 }}</span>
										</template>
									</el-table-column>
									<el-table-column label="操作" style="padding: 0;" width="90" align="center">
										<template slot-scope="propss" style="padding: 0;">
											<el-dropdown trigger="click" style="margin: 0;padding: 0;">
												<span class="el-dropdown-link" :class="propss.row.sort ? 'scheme' : 'not-scheme'"
													style="font-size:15px;margin: 0;cursor: pointer;">
													{{ propss.row.sort ? propss.row.sort : '请选择' }}
												</span>
												<i class="el-icon-caret-bottom"></i>
												<el-dropdown-menu slot="dropdown">
													<el-dropdown-item v-for="(item, index) in majorList" :key="index" :command="item.label"
														style="padding: 0;text-align: center;">
														<span @click="majorchange(props.$index, propss.$index, props.row, propss.row, item.label)"
															style="width: 60px;padding: 10px;">{{ item.label }}</span>
													</el-dropdown-item>
												</el-dropdown-menu>
											</el-dropdown>
										</template>
									</el-table-column>
								</el-table>
							</template>
						</el-table-column>
						</el-table-column>
					</el-table>
					<!-- 提前批次 -->
					<el-table class="modify-table" v-loading="loading" ref="multipleTable2" :data="tableData"
						:cell-style="cellStyle"
						xstyle="width: 100%; overflow: auto;font-size: 15px;" v-if="tqfrom"
						:row-class-name="schoolClassName">

						<el-table-column prop="code" label="院校代码" width="95" align="center">
							<template slot-scope="props">
								<span @click="clickTable(props.row, props.$index)" style="cursor: pointer;">
									{{ props.row.code }}
									<i v-show="props.isExpanded" style="color: #ccc;" class="el-icon-caret-bottom"></i>
									<i v-show="!props.isExpanded" style="color: #ccc;" class="el-icon-caret-right"></i>
								</span>
							</template>
						</el-table-column>
						<el-table-column prop="schoolName" label="院校名称" align="left">
							<template slot-scope="scope">
								<span @click="details(scope.row)"
									style="cursor: pointer;font-size: 15px;margin-left: 0.5em;display: inline-block;"
									v-html="showDate(scope.row.schoolName, '提前')"></span>
								<div
									style="cursor: pointer;font-size: 15px;display: inline-block;width: 8%;float: right;margin-right: 0.5em;">
									<img @click="introduce(scope.row.schoolDesc)" v-if="scope.row.schoolDesc"
										src="~@/assets/images/programme-info.png" class="icon-info">
								</div>
							</template>
						</el-table-column>
						<el-table-column prop="toudang2015" label="计划数|投档数" class-name="mergeTh" align="center">
							<el-table-column prop="toudang2019" :label="nowYear - 2 + ''" class-name="mergeTh-child" align="center" min-width="33px"></el-table-column>
							<el-table-column prop="toudang2020" :label="nowYear - 1 + ''" class-name="mergeTh-child" align="center" min-width="33px"></el-table-column>
							<el-table-column prop="toudang2021" :label="nowYear + ''" class-name="mergeTh-child" align="center" min-width="33px"></el-table-column>
						</el-table-column>

						<el-table-column prop="fluctuation2019" label="最高分/平均分/最低分" class-name="mergeTh" align="center">
							<el-table-column prop="shiftLine2019" :label="nowYear - 2 + ''" class-name="mergeTh-child" align="center" min-width="36px"></el-table-column>
							<el-table-column prop="shiftLine2020" :label="nowYear - 1 + ''" class-name="mergeTh-child" align="center" min-width="36px"></el-table-column>
							<el-table-column prop="shiftLine2021" :label="nowYear + ''" class-name="mergeTh-child" align="center" min-width="36px"></el-table-column>
						</el-table-column>
						<el-table-column prop="ranking2019" label="参考位次" class-name="mergeTh" align="center">
							<el-table-column prop="ranking2019" :label="nowYear - 2 + ''" class-name="mergeTh-child" align="center" min-width="20px"></el-table-column>
							<el-table-column prop="ranking2020" :label="nowYear - 1 + ''" class-name="mergeTh-child" align="center" min-width="20px"></el-table-column>
							<el-table-column prop="ranking2021" :label="nowYear + ''" class-name="mergeTh-child" align="center" min-width="20px"></el-table-column>
						</el-table-column>
						<!-- <el-table-column prop="xiancha" label="招生类别" min-width="30px">
						</el-table-column> -->
						<el-table-column prop="level" label="层级属性" min-width="26px" align="center">
						</el-table-column>
						<el-table-column prop="city" label="所在城市" min-width="28px" align="center">
						</el-table-column>
						<el-table-column prop="manager" label="主管部门" min-width="29px" align="center">
						</el-table-column>
						<el-table-column prop="majorPlan" label="资格线" min-width="21px" align="center">
						</el-table-column>
						<el-table-column prop="plan2022" :label="PlanYear + '计划'" min-width="22px" align="center">
							<template slot-scope="scope">
								<span v-if="scope.row.plan2022 > scope.row.plan2021" class="icon-top">
									{{ scope.row.plan2022 }}<i>↑</i>
								</span>
								<span v-else-if="scope.row.plan2021 > scope.row.plan2022" class="icon-bottom">
									{{ scope.row.plan2022 }}<i>↓</i>
								</span>
								<span v-else>{{ scope.row.plan2022 }}</span>
							</template>
						</el-table-column>
						<el-table-column prop="zy" label="填报" width="90" align="center">
							<template slot-scope="scope">
								<el-dropdown trigger="click" style="margin: 0;padding: 0;">
									<span class="el-dropdown-link" :class="scope.row.schemeName ? 'scheme' : 'not-scheme'"
										style="margin: 0;cursor: pointer;font-size: 15px;">
										{{ scope.row.schemeName ? scope.row.schemeName : '请选择' }}
									</span>
									<el-dropdown-menu slot="dropdown">
										<el-dropdown-item v-for="(item, index) in dropList" :key="index" :command="item.label"
											style="padding: 0;text-align: center;">
											<span @click="statusChange(scope.$index, item.label)" style="width: 60px;padding: 10px;">{{
												item.label }}</span>
										</el-dropdown-item>
									</el-dropdown-menu>
								</el-dropdown>
							</template>
						</el-table-column>
						<!-- 展开后的表格 -->
						<el-table-column type="expand" width="1">
							<template slot-scope="props">
								<el-table class="modify-expandTable" :data="props.row.children" style="width: 100%;"
									:cell-style="cellStyles">
									<el-table-column prop="majorCode" label="专业代码" width="95" align="center"></el-table-column>
									<el-table-column prop="majorName" label="专业|专业等级" align="center">
										<template slot-scope="scope">
											<el-row type="flex" style="text-align: left;">
												<span style="font-size: 15px; margin-right: 0.5em; flex: 1;" v-html="showDate(scope.row.majorName, '普通')"></span>
												<!-- row.color === 'red' -->
												<img @click="introduce(scope.row.majorDesc)" v-if="scope.row.majorDesc"
													src="~@/assets/images/programme-info.png" class="icon-info">
											</el-row>
										</template>
									</el-table-column>
									<el-table-column prop="msg2015" label="计划数 / 录取数 | 最高分 / 平均分 / 最低分 | 最高位次-最低位次" class-name="mergeTh" align="center">
										<el-table-column prop="msg2015" :label="MajorNowYear - 2 + ''" class-name="mergeTh-child" align="center" min-width="35px"></el-table-column>
										<el-table-column prop="msg2016" :label="MajorNowYear - 1 + ''" class-name="mergeTh-child" align="center" min-width="35px"></el-table-column>
										<el-table-column prop="msg2017" :label="MajorNowYear + ''" class-name="mergeTh-child" align="center" min-width="35px"></el-table-column>
									</el-table-column>
									<el-table-column prop="plan2018" :label="MajorPlanYear + '计划'" min-width="8px" align="center">
										<template slot-scope="scope">
											<span v-if="scope.row.plan2018 > scope.row.plan2017" class="icon-top">{{ scope.row.plan2018 }}↑</span>
											<span v-else-if="scope.row.plan2017 > scope.row.plan2018" class="icon-bottom">{{ scope.row.plan2018 }}↓</span>
											<span v-else>{{ scope.row.plan2018 }}</span>
										</template>
									</el-table-column>
									<el-table-column label="操作" min-width="9px" style="padding: 0;" align="center" width="90">
										<template slot-scope="propss" style="padding: 0;">
											<el-dropdown trigger="click" style="margin: 0;padding: 0;">
												<span class="el-dropdown-link" :class="propss.row.sort ? 'scheme' : 'not-scheme'"
													style="margin: 0;cursor: pointer;">
													{{ propss.row.sort ? propss.row.sort : '请选择' }}
												</span>
												<el-dropdown-menu slot="dropdown">
													<el-dropdown-item v-for="(item, index) in majorList" :key="index" :command="item.label"
														style="padding: 0;text-align: center;">
														<span @click="majorchange(props.$index, propss.$index, props.row, propss.row, item.label)"
															style="width: 60px;padding: 10px;">{{ item.label }}</span>
													</el-dropdown-item>
												</el-dropdown-menu>
											</el-dropdown>
										</template>
									</el-table-column>
								</el-table>
							</template>
						</el-table-column>
					</el-table>
					<div id="npt">
						<el-button style="background-color: red;" @click="saveScheme()">保存</el-button></br>
						<el-button style="background-color: green;margin-top: 20px;" @click="empty()">清空</el-button></br>
						<el-button style="background-color: orange;margin-top: 20px;" @click="handleClick()">预览</el-button></br>
						<el-button style="background-color: blue;margin-top: 20px;"
							@click="newSchemeDialog = true">新建</el-button></br>
						<el-button style="background-color: #a4b0be;margin-top: 20px;" @click="UpperLevel()">上一级</el-button>
					</div>
					<el-dialog title="新建方案" :visible="newSchemeDialog" width="800px" :close-on-click-modal="false"
						:show-close="false">
						<el-form ref="form" :model="form" label-width="80px" style="margin: auto;width: 420px;">
							<el-form-item label="*批次" prop="region">
								<el-select v-model="form.region" placeholder="请选择活动区域" style="width: 260px;">
									<el-option label="本科一批" value="本科一批"></el-option>
									<el-option label="本科二批" value="本科二批"></el-option>
									<el-option label="一批特殊" value="一批特殊"></el-option>
									<el-option label="二批特殊" value="二批特殊"></el-option>
									<el-option label="提前批A段" value="提前批A段"></el-option>
									<el-option label="提前批B段" value="提前批B段"></el-option>
									<el-option label="提前批C段" value="提前批C段"></el-option>
									<el-option label="提前批专科" value="提前批专科"></el-option>
									<el-option label="国家专项" value="国家专项"></el-option>
									<el-option label="地方专项" value="地方专项"></el-option>
									<el-option label="高职专科" value="高职专科"></el-option>
								</el-select>
							</el-form-item>
						</el-form>
						<el-button type="primary" @click="OrsaveSchemes()" style="margin-left: 280px;">立即创建</el-button>
						<el-button type="primary" @click="newSchemeDialog = false" style="">取消</el-button>

					</el-dialog>
					<el-dialog :visible.sync="dialogVisibles" width="1000px" :close-on-click-modal="false"
						style="margin-top: 150px;">
						<div style="font-size: 16px;width: 100%;margin: auto;color: #000000;">
							{{ schoolIntroduce }}
						</div>
					</el-dialog>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
import { request } from "@/util/request.js"
const natureOptions = [
	{ label: '不限', value: '不限' }, { label: '公办', value: '1' }, { label: '民办', value: '2' }, { label: '合办', value: '3' }
]
const HierarchyOptions = [
	{ label: '不限', value: '不限' }, { label: '双一流', value: '1' }, { label: '中央直管', value: '2' }, { label: '985', value: '3' }, { label: '211', value: '4' }, { label: '双高计划', value: '5' }, { label: '国家示范(骨干)', value: '6' }
]
const QualificationsOptions = [
	{ label: '不限', value: '不限' }, { label: '硕士点', value: '1' }, { label: '博士点', value: '2' }, { label: '研究生院', value: '3' }, { label: '自划线', value: '4' }, { label: '推免资格', value: '5' }
]
export default {
	data() {
		return {
			collapseOpen: true, // 展开收起标记
			tabs: {
				list: [
					{ label: '提前批A段', value: '1' },
					{ label: '提前批B段', value: '2' },
					{ label: '提前批专科', value: '3' },
					{ label: '国家专项', value: '4' },
					{ label: '本科一批', value: '5' },
					{ label: '本科二批', value: '6' },
				],
				active: '1',
			},
			fraction: null,
			precedence: null,
			newSchemeDialog: false,
			nowYear: null,
			PlanYear: null,
			MajorNowYear: null,
			MajorPlanYear: null,
			schoolBoolen: false,
			searchhead: 0,
			schoolIntroduce: null,
			num: null,
			count: null,
			ptfrom: true,
			tsfrom: false,
			tqfrom: false,
			down: null,
			neweditForm: [],
			props: {
				multiple: true
			},
			loading: true,
			value: [],
			options: [],
			schoolNames: [],
			tableData: [],
			dialogVisibles: false,
			dialogVisible: true,
			form: {
				majorType: 1,
				region: '本科一批',
			},
			infos: {},
			index: 0,
			batch: '本科二批',
			isLoad: false,
			stuId: '',
			programmes: [],
			programmeId: "",
			major1: '',
			major2: '',
			major3: '',
			xfa: [],
			user: [],
			scheme: [],
			schemes: [],
			childrenData: [],
			school: '',
			cities: this.$constants.provinces,
			SchoolTypes: this.$constants.schoolTypes,
			Natures: natureOptions,
			Hierarchys: HierarchyOptions,
			Qualifications: QualificationsOptions,
			checkedCities: ['不限'],
			checkedSchoolTypes: ['不限'],
			checkedNatures: ['不限'],
			checkedHierarchys: ['不限'],
			checkedQualifications: ['不限'],
			dropList: [
				{ value: '1', label: '志愿A' },
				{ value: '2', label: '志愿B' },
				{ value: '3', label: '志愿C' },
				{ value: '4', label: '志愿D' },
				{ value: '5', label: '志愿E' },
				{ value: '6', label: '志愿F' },
				{ value: '7', label: '备选' },
				{ value: '8', label: '取消' },
			], //志愿列表
			majorList: [
				{ value: '1',label: '专业1' },
				{ value: '2',label: '专业2' },
				{ value: '3',label: '专业3' },
				{ value: '4',label: '专业4' },
				{ value: '5',label: '专业5' },
				{ value: '6',label: '专业6' },
				{ value: '7',label: '备选' },
				{ value: '8',label: '取消' },
			], //专业列表
			pageObject: {
				pageNum: 1,
				pageSize: 40,
				total: 0
			},
			//表单验证
			rules: {
				fraction: [{
					required: true,
					message: '请输入分数',
					trigger: 'blur'
				}],
				region: [{
					required: true,
					message: '请选择批次',
					trigger: 'change'
				}],
				name: [{
					required: true,
					message: '请输入方案名称',
					trigger: 'blur'
				}],
			},
			disabledFlag: false
		}
	},
	filters: {

	},
	methods: {
		checkboxTagFilter(value) {
			if (this[value]) {
				return this[value].filter(item => item !== '不限')
								.map(item => {
									if (['checkedNatures', 'checkedHierarchys', 'checkedQualifications'].includes(value)) {
										let arrayKey = value.replace('checked', '')
										console.log(this[arrayKey], 'value', arrayKey);
										let findVal = this[arrayKey].find(i => i.value === item)
										return findVal.label || item
									}
									return item
								})
								.join(',')
			}
			return ''
		},

		Ipt(type) {
			if (type == 1) {
				this.precedence = null
			} else if (type == 2) {
				this.fraction = null
			}

		},
		schoolClassName(row) {
			let batch = "普通";
			if (this.batch === '提前批A段' || this.batch === '提前批B段' || this.batch === '提前批C段' || this.batch === '提前批专科') {
				batch = "提前";
			} else if (this.batch === '一批特殊' || this.batch === '二批特殊') {
				batch = "特殊";
			}
			let name = batch + row.row.code + 'school'
			return name;
		},
		OrsaveSchemes() {
			this.$confirm('保存当前方案嘛?', '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消',
				type: 'warning'
			}).then(() => {
				this.saveScheme().then(this.saveSchemes())
			}).catch(() => {
				this.saveSchemes()
			});

		},
		getDict() {
			request({
				method: 'get',
				url: 'sysDict/getDict',
				params: {
					dictType: "data_year"
				}
			}).then(res => {
				res.data.forEach(i => {
					if (i.dictName == "now") {
						this.nowYear = i.dictValue
					} else if (i.dictName == "plan") {
						this.PlanYear = i.dictValue
					} else if (i.dictName == "majornow") {
						this.MajorNowYear = i.dictValue
					} else if (i.dictName == "majorplan") {
						this.MajorPlanYear = i.dictValue
					}
				})
			})
		},
		majorInput(row) {
			console.log("改变了" + row)
		},
		UpperLevel() {
			let info = localStorage.getItem('stu')
			this.$confirm('保存当前方案嘛?', '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消',
				type: 'warning'
			}).then(() => {
				this.saveScheme().then(
					this.$router.push({
						path: "/design/management",
						params: {
							info: info
						}
					})
				)
			}).catch(() => {
				this.$router.push({
					path: "//design/management",
					params: {
						info: info
					}
				})
			});
		},
		showDate(val, batch) {
			if (this.schoolBoolen != true) {
				return val
			}
			val = val + '';
			if (val.indexOf(this.school) !== -1 && this.school !== '') {
				if (batch == "提前") {
					return val.replace(this.school, '<em class="Tqseat">' + this.school + '</em>')
				} else if (batch == "特殊") {
					return val.replace(this.school, '<em class="Tsseat">' + this.school + '</em>')
				}
				return val.replace(this.school, '<em class="Ptseat">' + this.school + '</em>')
			}
			return val
		},
		introduce(row) {
			this.schoolIntroduce = row
			this.dialogVisibles = true
		},
		// 执行点击行调用的方法，展开和折叠行
		clickTable(row, index) {
			console.log(index);
			let state = false
			// state = true 收起时清空children数据
			let result = this.tableData.find(item => item.code == row.code)
			if (result && result.children != null) {
				state = true
				result.children = null
			}
			row.isExpanded = state
			if (state == false) {
				this.getSchoolMajor(row, index)
			} else {
				this.$refs.multipleTable && this.$refs.multipleTable.toggleRowExpansion(row)
				this.$refs.multipleTable1 && this.$refs.multipleTable1.toggleRowExpansion(row)
				this.$refs.multipleTable2 && this.$refs.multipleTable2.toggleRowExpansion(row)
			}

		},
		getSchoolMajor(row) {
			this.pageObject.schoolCode = row.code
			this.pageObject.majorType = this.programmes != null && this.programmes.length > 0 && this.programmes[0].majorType != null ? this.programmes[0].majorType : this.user.major
			this.pageObject.major1 = this.major1
			this.pageObject.major2 = this.major2
			this.pageObject.major3 = this.major3;
			if (this.pageObject.majorType == 3) {
				this.pageObject.majorType = 1;
			}
			if (this.pageObject.majorType == 4) {
				this.pageObject.majorType = 2;
			}
			console.log(this.pageObject);
			request({
				method: 'post',
				url: 'school/getSchoolMajor',
				data: this.pageObject
			}).then(res => {
				console.log(this.childrenData);
				console.log(res.data);
				for (let i = 0; i < this.tableData.length; i++) {
					if (this.tableData[i].code == row.code) {
						this.$set(this.tableData[i], "children", res.data)
						this.childrenData.forEach(j => {
							if (this.tableData[i].code == j.schoolCode) {
								if (j.majorList != null && j.majorList != undefined && j.majorList != "") {
									for (var r = 0; r < j.majorList.length; r++) {
										res.data.forEach(o => {
											if (j.majorList[r].majorCode == o.majorCode) {
												o.sort = j.majorList[r].sort
											}
										})
									}
								}
							}
						})
					}
				}
				this.$forceUpdate()
				this.$refs.multipleTable && this.$refs.multipleTable.toggleRowExpansion(row)
				this.$refs.multipleTable1 && this.$refs.multipleTable1.toggleRowExpansion(row)
				this.$refs.multipleTable2 && this.$refs.multipleTable2.toggleRowExpansion(row)

			})
		},
		saveSchemes() {
			if (this.user.major) {
				this.form.majorType = this.user.major
			}
			this.schemes.push({
				"majorType": this.form.majorType,
				"batch": this.form.region,
				"stuId": this.stuId,
			})
			request({
				method: 'post',
				url: 'stuScheme/saveScheme',
				data: this.schemes
			}).then(res => {
				if (res.code == 0 || res.code == 200) {
					this.$message({
						message: '保存成功！',
						type: 'success'
					});
					this.programmeId = res.data.list[0].programmeId
					this.batch = res.data.list[0].batch
					this.dialogVisible = false
					this.updates(res.data.list)
				} else {
					this.$message({
						message: res.msg,
						type: 'error'
					});
				}
			})

		},
		updates(row) {
			const programme = row;
			this.$router.push({
				path: '/toProgramme',
				query: {
					programme: JSON.stringify(programme)
				}
			})
		},
		sfclick(e, t) {
			if (e === '不限') {
				this.checkedCities = ['不限']
			} else if (e === '其他') {
				this.checkedCities = ['其他']
			} else {
				this.checkedCities.forEach(i => {
					if (i == '不限' || i == '其他') {
						this.checkedCities.splice(this.checkedCities.indexOf(i), 1)
					}
				})
				if (t == false && this.checkedCities.length < 1) {
					this.checkedCities = ['不限']
				}
			}
		},
		schooltypeclick(e, t) {
			if (e === '不限') {
				this.checkedSchoolTypes = ['不限']
			} else if (e === '其他') {
				this.checkedSchoolTypes = ['其他']
			} else {
				this.checkedSchoolTypes.forEach(i => {
					if (i == '不限' || i == '其他') {
						this.checkedSchoolTypes.splice(this.checkedSchoolTypes.indexOf(i), 1)
					}
				})
				if (t == false && this.checkedSchoolTypes.length < 1) {
					this.checkedSchoolTypes = ['不限']
				}
			}
		},
		natureclick(e, t) {
			if (e === '不限') {
				this.checkedNatures = ['不限']
			} else {
				this.checkedNatures.forEach(i => {
					if (i == '不限') {
						this.checkedNatures.splice(this.checkedNatures.indexOf(i), 1)
					}
				})
				if (t == false && this.checkedNatures.length < 1) {
					this.checkedNatures = ['不限']
				}
			}
		},
		hierarchysclick(e, t) {
			if (e === '不限') {
				this.checkedHierarchys = ['不限']
			} else {
				this.checkedHierarchys.forEach(i => {
					if (i == '不限') {
						this.checkedHierarchys.splice(this.checkedHierarchys.indexOf(i), 1)
					}
				})
				if (t == false && this.checkedHierarchys.length < 1) {
					this.checkedHierarchys = ['不限']
				}
			}
		},
		qualificationsclick(e, t) {
			if (e === '不限') {
				this.checkedQualifications = ['不限']
			} else {
				this.checkedQualifications.forEach(i => {
					if (i == '不限') {
						this.checkedQualifications.splice(this.checkedQualifications.indexOf(i), 1)
					}
				})
				if (t == false && this.checkedQualifications.length < 1) {
					this.checkedQualifications = ['不限']
				}
			}
		},
		querySearch(queryString, cb) {
			var restaurants = this.options;
			var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
			// 调用 callback 返回建议列表的数据
			cb(results);
		},
		createFilter(queryString) {
			return (restaurant) => {
				return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) !== -1);
			};
		},
		querySearch1(queryString, cb) {
			var restaurants = this.schoolNames;
			var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
			// 调用 callback 返回建议列表的数据
			cb(results);
		},
		createFilter1(queryString) {
			return (restaurant) => {
				return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) !== -1);
			};
		},
		handleClick() {
			this.saveScheme()
			if (this.programmes != null && this.programmes.length > 0) {
				const infos = this.programmes[0];
				localStorage.setItem('volunteer', JSON.stringify(infos))
				this.$router.push({
					name: 'designV2Preview',
					params: {
						info: infos
					}
				})
			} else {
				const infos = this.xfa[0];
				localStorage.setItem('infos', JSON.stringify(infos))
				this.$router.push({
					name: 'designV2Preview',
					params: {
						info: infos
					}
				})
			}
		},
		empty() {
			this.$confirm('此操作将清空所选的志愿, 是否继续?', '提示', {
				confirmButtonText: '确定',
				type: 'warning'
			}).then(() => {
				this.tableData.forEach(i => {
					i.schemeName = null
				})
				this.childrenData = []
				this.$message({
					type: 'success',
					message: '清空成功!'
				});
			})
		},
		resetCheckBoxItem(dataProp) {
			this[dataProp] = ['不限']
		},
		Reset() {
			this.checkedCities = ['不限']
			this.checkedSchoolTypes = ['不限']
			this.checkedNatures = ['不限']
			this.checkedHierarchys = ['不限']
			this.checkedQualifications = ['不限']
			this.major1 = ''
			this.major2 = ''
			this.major3 = ''
			this.fraction = null
			this.precedence = null
			this.school = null
			this.getSchools()
		},
		zyb() {
			for (let i = 0; i < this.childrenData.length; i++) {
				if (this.childrenData[i].schemeName === null || this.childrenData[i].schemeName === "") {
					this.childrenData.splice(i, 1);
				}
			}
			this.childrenData.sort((a, b) => {
				return a['schemeName'].localeCompare(b['schemeName'])
			})
			let sortList = []
			let bList = []
			for (var i = 0; i < this.childrenData.length; i++) {
				if (this.childrenData[i].schemeName == "备选") {
					bList.push(this.childrenData[i])
				} else {
					sortList.push(this.childrenData[i])
				}
			}
			bList.forEach(i => {
				sortList.push(i)
			})
			this.childrenData = sortList
		},
		saveScheme() {
			this.zyb()
			this.scheme = []
			if (this.childrenData != undefined && this.childrenData.length > 0) {
				this.childrenData.forEach(i => {
					this.scheme.push({
						"schoolCode": i.schoolCode,
						"schoolName": i.schoolName,
						"plan2022": i.plan2022,
						"majorList": i.majorList ? JSON.stringify(i.majorList).toString() : null,
						"programmeName": this.programmes[0].programmeName,
						"schemeName": i.schemeName,
						"programmeId": this.programmes[0].programmeId,
						"stuId": this.stuId,
						"batch": this.programmes[0].batch,
						"majorPlan": i.majorPlan,
						"num": i.num,
						"majorType": i.majorType
					})
				})
			} else {
				// this.$message({
				// 	message: '请至少选择一个志愿！',
				// 	type: 'warning'
				// });
				this.$message({
					message: '保存成功！',
					type: 'success'
				});
				return;
			}
			request({
				method: 'post',
				url: 'stuScheme/saveScheme',
				data: this.scheme
			}).then(res => {
				if (res.code == 0 || res.code == 200) {
					this.$message({
						message: '保存成功！',
						type: 'success'
					});
					this.programmeId = res.data.list[0].programmeId
					this.xfa = res.data.list
					this.batch = res.data.list[0].batch
					this.num = res.data.list[0].num
					this.getSchoolyz()
				} else {
					this.$message({
						message: res.msg,
						type: 'error'
					});
				}
			})


		},
		statusChange(index, val) {
			if (val == "取消") {
				for (var i = 0; i < this.childrenData.length; i++) {
					if (this.childrenData[i].schoolCode == this.tableData[index].code) {
						this.childrenData.splice(i, 1);
					}
				}
				this.tableData[index].schemeName = null
			} else {
				if (val == "备选") {
					let isIn = false;
					for (var z = 0; z < this.childrenData.length; z++) {
						if (this.childrenData[z].schoolCode == this.tableData[index].code) {
							// this.childrenData.splice(z, 1);
							this.childrenData[z].schemeName = val
							isIn = true
						}
					}
					if (!isIn) {
						this.childrenData.push({
							"schemeName": val,
							"schoolName": this.tableData[index].schoolName,
							"schoolCode": this.tableData[index].code,
							"plan2022": this.tableData[index].plan2022,
							"majorPlan": this.tableData[index].majorPlan,
							"num": this.programmes[0].num,
							"majorType": this.programmes[0].majorType
						})
					}
					this.tableData[index].schemeName = val
				} else {
					if (this.childrenData.length > 0) {
						let isIn = false;
						for (var z = 0; z < this.childrenData.length; z++) {
							if (this.childrenData[z].schoolCode == this.tableData[index].code) {
								// this.childrenData.splice(z, 1);
								this.childrenData[z].schemeName = val
								isIn = true
							}
						}
						if (!isIn) {
							this.childrenData.push({
								"schemeName": val,
								"schoolName": this.tableData[index].schoolName,
								"schoolCode": this.tableData[index].code,
								"plan2022": this.tableData[index].plan2022,
								"majorPlan": this.tableData[index].majorPlan,
								"num": this.programmes[0].num,
								"majorType": this.programmes[0].majorType
							})
						}
						this.tableData[index].schemeName = val

					} else {
						this.childrenData.push({
							"schemeName": val,
							"schoolName": this.tableData[index].schoolName,
							"schoolCode": this.tableData[index].code,
							"plan2022": this.tableData[index].plan2022,
							"majorPlan": this.tableData[index].majorPlan,
							"num": this.programmes[0].num,
							"majorType": this.programmes[0].majorType
						})
						this.tableData[index].schemeName = val
					}
				}

			}
		},
		majorchange(sindex, zindex, srow, zrow, label) {
			if (label == "取消") {
				for (var i = 0; i < this.childrenData.length; i++) {
					if (this.childrenData[i].schemeName != null) {
						for (var j = 0; j < this.childrenData[i].majorList.length; j++) {
							if (this.childrenData[i].majorList[j].majorCode == this.tableData[sindex].children[zindex]
								.majorCode) {

								this.childrenData[i].majorList.splice(j, 1);


							}
						}
					}
				}
				this.tableData[sindex].children[zindex].sort = null
				this.tableData[sindex].children[zindex].majorName = zrow.majorName + ' '
				this.$set(this.tableData[sindex].children[zindex], 'sort', null)
				console.log(JSON.stringify(this.tableData[sindex].children))
			} else {
				if (label == "备选") {
					if (this.tableData[sindex].schemeName.length > 0) {
						for (var z = 0; z < this.childrenData.length; z++) {
							if (this.childrenData[z].majorList != null) {
								for (var x = 0; x < this.childrenData[z].majorList.length; x++) {
									if (this.childrenData[z].majorList[x].majorCode == this.tableData[sindex].children[
										zindex]
										.majorCode) {
										this.childrenData[z].majorList.splice(x, 1);
									}
								}
							}

						}
						this.childrenData.forEach(i => {
							if (srow.code == i.schoolCode) {
								if (!i.majorList) {
									i.majorList = []
								}
								i.majorList.push({
									"sort": label,
									"majorName": zrow.majorName,
									"majorCode": zrow.majorCode,
									"plan2018": zrow.plan2018,
									"majorLimit": zrow.majorLimit
								})
							}
						})
						this.$set(this.tableData[sindex].children[zindex], 'sort', label)
						this.tableData[sindex].children[zindex].sort = label
						this.tableData[sindex].children[zindex].majorName = zrow.majorName + ' '
					} else {
						this.$message({
							message: '请先选择学校',
							type: 'error'
						});
					}
				} else {
					let sfyx = false;
					for (var l = 0; l < this.childrenData.length; l++) {
						if (this.childrenData[l].schoolCode == this.tableData[sindex].code) {
							sfyx = true;
							if (this.childrenData[l].majorList != null && this.childrenData[l].majorList.length > 0) {
								let isIn = false;
								if (!isIn) {
									for (var z = 0; z < this.childrenData[l].majorList.length; z++) {
										if (this.childrenData[l].majorList[z].majorCode == this.tableData[sindex]
											.children[
											zindex].majorCode) {
											this.childrenData[l].majorList.splice(z, 1);
										}
									}
									if (!this.childrenData[l].majorList) {
										this.childrenData[l].majorList = []
									}
									this.childrenData[l].majorList.push({
										"sort": label,
										"majorName": zrow.majorName,
										"majorCode": zrow.majorCode,
										"plan2018": zrow.plan2018,
										"majorLimit": zrow.majorLimit
									})
									this.$set(this.tableData[sindex].children[zindex], 'sort', label)
									this.tableData[sindex].children[zindex].sort = label
									this.tableData[sindex].children[zindex].majorName = zrow.majorName + ' '
								}
							} else {
								if (this.tableData[sindex].schemeName.length > 0) {
									this.childrenData.forEach(i => {
										if (srow.code == i.schoolCode) {
											if (!i.majorList) {
												i.majorList = []
											}
											i.majorList.push({
												"sort": label,
												"majorName": zrow.majorName,
												"majorCode": zrow.majorCode,
												"plan2018": zrow.plan2018,
												"majorLimit": zrow.majorLimit
											})
										}
									})
									this.$set(this.tableData[sindex].children[zindex], 'sort', label)
									return
								} else {
									this.$message({
										message: '请先选择学校',
										type: 'error'
									});
								}
							}
						}
					}
					if (sfyx == false) {
						this.$message({
							message: '请先选择学校',
							type: 'error'
						});
					}
				}
			}
		},
		details(row) {
			const infos = row;
			localStorage.setItem('infos', JSON.stringify(infos))
			const routeData = this.$router.resolve({
				name: 'school',
				params: {
					info: infos
				}
			})
			window.open(routeData.href, '_blank')
		},
		getMajor() {
			request({
				method: 'get',
				url: 'school/getMajorName',
			}).then(res => {
				this.options = res.data
			})
		},
		getSchoolName() {
			request({
				method: 'post',
				url: 'school/getSchoolName',
				params: {
					majorType: this.childrenData[0].majorType,
					batch: this.batch
				}
			}).then(res => {
				this.schoolNames = res.data
				console.log('schoolNames', this.schoolNames);
			})
		},
		// 搜索后高亮显示某行
		cellStyle({ row, column, rowIndex, columnIndex }) {
			let styleClass = ''
			// color:1 td checkbox搜索结果匹配时
			// newColor === 2 td分数与位次的激活样式
			if (row.color === 1 || row.newColor === 2) {
				styleClass += `backgroundColor: var(--orange01); color: var(--primaryColor)`;
			}
			return styleClass
		},
		// 搜索后高亮显示某行--用于展开后的表格样式
		cellStyles({ row, column, rowIndex, columnIndex }) {
			let styleClass = ''
			if (row.color === 'red') {
				styleClass = `color: var(--primaryColor)`;
			}
			return styleClass
		},
		getSchoolyz() {
			//重置之前newColor为2的数据
			this.tableData.forEach(i => {
				if (i.newColor == 2) {
					i.newColor = 0;
				}
			});
			if (this.school != null && this.school != "") {
				this.checkedCities = ['不限']
				this.checkedSchoolTypes = ['不限']
				this.checkedNatures = ['不限']
				this.checkedHierarchys = ['不限']
				this.checkedQualifications = ['不限']
				this.major1 = null
				this.major2 = null
				this.major3 = null
				this.fraction = null
				this.precedence = null
				this.tableData.forEach(i => i.color = 0);

				let claas = "Ptseat";
				if (this.batch === '提前批A段' || this.batch === '提前批B段' || this.batch === '提前批C段' || this.batch === '提前批专科') {
					claas = "Tqseat";
				} else if (this.batch === '一批特殊' || this.batch === '二批特殊') {
					claas = "Tsseat";
				}
				this.tableData.forEach(i => {
					if (i.schoolName.indexOf(this.school) >= 0) {
						i.newColor = 2
					}
				});

				let num = document.getElementsByClassName(claas).length;
				if (num != 0) {  //如果查询关键词存在，跳到第一个关键词的位置
					this.count = num
					document.getElementsByClassName(claas)[this.searchhead].scrollIntoView({ block: "center" }); //scrollIntoView方法只在原生document中可以使用，jquery中没有这个方法，参数默认是true，将这个元素置于页面第一行（如果页面可以滑动函数才生效）
				} else {
					this.$message({
						message: '无匹配结果！',
						type: 'error'
					});
				}
			} else if (this.checkedCities == '不限' && this.checkedNatures == '不限' && this.checkedHierarchys == '不限' && this.checkedSchoolTypes == '不限'
				&& this.checkedQualifications == '不限' && (this.major1 == "" || this.major1 == null)
				&& (this.major2 == "" || this.major2 == null) && (this.major3 == "" || this.major3 == null)) {
				this.getSchools()
			} else {
				this.getSchool()
			}
		},
		dingweiSchool() {
			if (this.fraction != null && this.fraction != "") {
				let batch = '普通';
				if (this.batch === '提前批A段' || this.batch === '提前批B段' || this.batch === '提前批C段' || this.batch === '提前批专科') {
					batch = "提前";
				} else if (this.batch === '一批特殊' || this.batch === '二批特殊') {
					batch = "特殊";
				}
				this.precedence = null;
				let isOne = 0;
				let code = null;
				let fraction = this.fraction;
				while (isOne == 0) {
					this.tableData.forEach(i => {
						if (isOne == 0) {
							if (i.proposedScore == fraction) {
								code = i.code
								i.newColor = 2
								isOne = 1;
							}
						}
					})
					if (fraction > 150) {
						fraction--;
					} else {
						isOne = 1;
					}
				}
				if (code != null) {
					document.getElementsByClassName(batch + code + 'school')[this.searchhead].scrollIntoView({ block: "center" }); //scrollIntoView方法只在原生document中可以使用，jquery中没有这个方法，参数默认是true，将这个元素置于页面第一行（如果页面可以滑动函数才生效）
				} else {
					this.$message({
						message: '无匹配结果！',
						type: 'error'
					});
				}
			} else if (this.precedence != null && this.precedence != "") {
				let batch = '普通';
				if (this.batch === '提前批A段' || this.batch === '提前批B段' || this.batch === '提前批C段' || this.batch === '提前批专科') {
					batch = "提前";
				} else if (this.batch === '一批特殊' || this.batch === '二批特殊') {
					batch = "特殊";
				}
				this.fraction = null;
				let isOne = 0;
				let code = null;
				let precedence = this.precedence
				this.tableData.forEach(i => {
					if (isOne == 0) {
						if (precedence <= i.proposedwc) {
							code = i.code
							i.newColor = 2
							isOne = 1;
						}
					}
				});
				if (code != null) {
					document.getElementsByClassName(batch + code + 'school')[this.searchhead].scrollIntoView({ block: "center" }); //scrollIntoView方法只在原生document中可以使用，jquery中没有这个方法，参数默认是true，将这个元素置于页面第一行（如果页面可以滑动函数才生效）
				} else {
					this.$message({
						message: '无匹配结果！',
						type: 'error'
					});
				}
			} else {
				let batch = '普通';
				if (this.batch === '提前批A段' || this.batch === '提前批B段' || this.batch === '提前批C段' || this.batch === '提前批专科') {
					batch = "提前";
				} else if (this.batch === '一批特殊' || this.batch === '二批特殊') {
					batch = "特殊";
				}
				let code = null;
				try {
					this.tableData.forEach(i => {
						if (i.color == 1) {
							code = i.code;
							throw new Error('LoopInterrupt');
						}
					});
				} catch (e) {
					if (e.message !== "LoopInterrupt") throw e
				}

				if (code != null) {
					document.getElementsByClassName(batch + code + 'school')[this.searchhead].scrollIntoView({ block: "center" }); //scrollIntoView方法只在原生document中可以使用，jquery中没有这个方法，参数默认是true，将这个元素置于页面第一行（如果页面可以滑动函数才生效）
				}
			}
		},
		getSchools() {
			this.loading = true
			this.pageObject.city = []
			this.pageObject.nature = []
			this.pageObject.hierarchys = ''
			this.pageObject.type = []
			this.pageObject.qualifications = ''
			this.pageObject.batch = this.programmes[0].batch
			this.pageObject.majorType = this.programmes[0].majorType
			this.pageObject.school = null
			this.pageObject.major1 = null
			this.pageObject.major2 = null
			this.pageObject.major3 = null
			if (this.pageObject.majorType == 3) {
				this.pageObject.majorType = 1;
			}
			if (this.pageObject.majorType == 4) {
				this.pageObject.majorType = 2;
			}
			const _this = this
			request({
				method: 'post',
				url: 'school/getSchoolInformations',
				data: this.pageObject
			}).then(res => {
				if (res.data != null) {
					res.data.forEach(i => i.schemeName = "")
					if (this.tableData) {
						for (var i = 0; i < res.data.length; i++) {
							_this.childrenData.forEach(j => {
								if (res.data[i].code == j.schoolCode) {
									res.data[i].schemeName = j.schemeName

								}
							})
						}
					}
					this.count = res.data.length
				}
				this.tableData = res.data
				this.count = res.data.length
				this.loading = false
				this.dingweiSchool();
			})
		},
		getSchool() {
			this.loading = true
			var hierarchys = "";
			if (this.checkedHierarchys.length > 0) {
				for (var i = 0; i < this.checkedHierarchys.length; i++) {
					if (i < this.checkedHierarchys.length - 1) {
						hierarchys += this.checkedHierarchys[i] + "|";
					} else {
						hierarchys += this.checkedHierarchys[i];
					}
				}
			}
			var qualifications = "";
			if (this.checkedQualifications.length > 0) {
				for (var i = 0; i < this.checkedQualifications.length; i++) {
					if (i < this.checkedQualifications.length - 1) {
						qualifications += this.checkedQualifications[i] + "|";
					} else {
						qualifications += this.checkedQualifications[i];
					}
				}
			}
			if (this.checkedCities == '不限') {
				this.pageObject.city = []
			} else {
				this.pageObject.city = this.checkedCities
			}
			if (this.checkedNatures == '不限') {
				this.pageObject.nature = []
			} else {
				this.pageObject.nature = this.checkedNatures
			}
			if (this.checkedHierarchys == '不限') {
				this.pageObject.hierarchys = ''
			} else {
				this.pageObject.hierarchys = hierarchys
			}
			if (this.checkedSchoolTypes == '不限') {
				this.pageObject.type = []
			} else {
				this.pageObject.type = this.checkedSchoolTypes
			}
			if (this.checkedQualifications == '不限') {
				this.pageObject.qualifications = ''
			} else {
				this.pageObject.qualifications = qualifications
			}
			this.pageObject.batch = this.programmes[0].batch
			this.pageObject.majorType = this.programmes[0].majorType
			this.pageObject.school = this.school
			this.pageObject.major1 = this.major1
			this.pageObject.major2 = this.major2
			this.pageObject.major3 = this.major3
			if (this.pageObject.majorType == 3) {
				this.pageObject.majorType = 1;
			}
			if (this.pageObject.majorType == 4) {
				this.pageObject.majorType = 2;
			}
			const _this = this
			// return
			request({
				method: 'post',
				url: 'school/getSchoolInformation',
				data: this.pageObject
			}).then(res => {
				if (res.data != null) {
					res.data.forEach(i => i.schemeName = "")
					if (this.tableData) {
						for (var i = 0; i < res.data.length; i++) {
							_this.childrenData.forEach(j => {
								if (res.data[i].code == j.schoolCode) {
									res.data[i].schemeName = j.schemeName

								}
							})
						}
					}
					let count = 0;
					res.data.forEach(i => {
						if (i.color == 1) {
							count = count + 1;
						}
					})
					this.count = count
				}
				this.tableData = res.data
				let count = 0;
				res.data.forEach(i => {
					if (i.color == 1) {
						count = count + 1;
					}
				})
				this.count = count
				this.loading = false
				this.dingweiSchool();
			})
		},
		stopF5Refresh() {
			document.onkeydown = function (e) {
				var evt = window.event || e;
				var code = evt.keyCode || evt.which;
				//屏蔽F1---F12
				if (code > 111 && code < 124) {
					if (evt.preventDefault) {
						evt.preventDefault();
					} else {
						evt.keyCode = 0;
						evt.returnValue = false;
					}
				}
			};
			//禁止鼠标右键菜单
			// document.oncontextmenu = function () {
			//   return false;
			// };
		},
		beforeunloadHandler(e) {
			e = e || window.event;
			if (e) {
				e.returnValue = "您是否确认离开此页面-页面数据可能会丢失";
			}
			return "您是否确认离开此页面-页面数据可能会丢失";
		},
	},
	computed: {},
	mounted() {
		window.addEventListener("beforeunload", (e) => {
			this.beforeunloadHandler(e);
		});
		this.$once('hook:beforeDestroy', () => {
			window.removeEventListener("beforeunload", (e) => {
				this.beforeunloadHandler(e);
			});
		})
	},
	created() {
		this.stopF5Refresh();
		if (JSON.parse(this.$route.query.programme != null)) {
			this.dialogVisible = false
			this.programmes = JSON.parse(this.$route.query.programme);
			this.childrenData = [...this.programmes]
			this.programmes[0].majorType = JSON.stringify(this.programmes[0].majorType)

			let tabItem = this.tabs.list.find(item => item.label === this.programmes[0].batch)
			if (tabItem) {
				this.tabs.active = tabItem.value
			}
			if (this.programmes[0].batch === "提前批A段" || this.programmes[0].batch === "提前批B段" || this.programmes[0].batch === "提前批C段" || this.programmes[0].batch === "提前批专科") {
				this.tqfrom = true
				this.ptfrom = false
				this.tsfrom = false
			} else if (this.programmes[0].batch === '一批特殊' || this.programmes[0].batch === '二批特殊') {
				this.tsfrom = true
				this.tqfrom = false
				this.ptfrom = false
			} else {
				this.tsfrom = false
				this.tqfrom = false
				this.ptfrom = true
			}
		} else {
			this.$router.push({
				path: "/ManagementCenter"
			})
		}
		this.getDict()
		if (this.childrenData !== undefined && this.childrenData.length > 0) {
			this.batch = this.childrenData[0].batch
		}
		const user = localStorage.getItem("stu");
		this.user = JSON.parse(user)
		this.form.majorType = this.user.major
		this.getSchools()
		this.getMajor()
		this.getSchoolName()
		this.stuId = this.user.id
		if (this.batch == "本科二批") {
			this.dropList = [
				{ value: '1',	label: '志愿A' },
				{ value: '2',	label: '志愿B' },
				{ value: '3',	label: '志愿C' },
				{ value: '4',	label: '志愿D' },
				{ value: '5',	label: '志愿E' },
				{ value: '6',	label: '志愿F' },
				{ value: '7',	label: '志愿G' },
				{ value: '8',	label: '志愿H' },
				{ value: '9',	label: '志愿I' },
				{ value: '10',	label: '志愿J' },
				{ value: '11',	label: '志愿K' },
				{ value: '12',	label: '志愿L' },
				{ value: '13',	label: '备选' },
				{ value: '14',	label: '取消' },
			]
		} else if (this.batch == "高职专科") {
			this.dropList = [
				{ value: '1', label: '志愿A' },
				{ value: '2', label: '志愿B' },
				{ value: '3', label: '志愿C' },
				{ value: '4', label: '志愿D' },
				{ value: '5', label: '志愿E' },
				{ value: '6', label: '志愿F' },
				{ value: '7', label: '志愿G' },
				{ value: '8', label: '志愿H' },
				{ value: '9', label: '备选' },
				{ value: '10' , label: '取消' },
			]
		}
		if (this.batch === '提前批A段' || this.batch === '提前批B段' || this.batch === '提前批C段' || this.batch === '提前批专科') {
			this.disabledFlag = true;
		} else if (this.batch === '一批特殊' || this.batch === '二批特殊') {
			this.disabledFlag = true;
		} else {
			this.disabledFlag = false;
		}

	}
};
</script>

<style lang="stylus" scoped>
createIconStyle(size, align = text-top) {
	width size
	height size
	vertical-align align
	flex-shrink 0
}
.el-icon-caret-bottom
	color #ccc
	font-size 10px
.icon-top
	color #39B830
.icon-bottom
	color #39B830
.icon-info
	createIconStyle(20px)
	cursor pointer
.page
	// font-size: 15px;
	// background: #F9F9F9;
	&-bd
		width BodyMaxWidth
		margin 0 auto 60px auto
		// padding 32px 22px 39px 22px
		box-sizing border-box
	&-block
		uiBlock();
		padding 20px
		margin-bottom 20px
.breadcrumb
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	padding 19px 23px 19px 23px
	.icon-home
		width 18px
		height 18px
		vertical-align: top;
		margin-right 5px
.modify
	&-button
		min-width: 100px;
		padding 0 20px
		height: 40px;
		border-radius: 6px;
		font-size: 18px;
		font-weight: 400;
		& + &
			margin-left 17px
	&-row1Input /deep/ .el-input__inner
		padding 0 10px
	&-elCheckbox /deep/
		.el-checkbox
			margin-right 2px
			margin-bottom 2px
			border-radius: 6px;

			&.is-checked
				background: #FFF2E7;
		.el-checkbox__input
			display none
		.el-checkbox__label
			padding 9px 21px
			color #666666
			font-size 16px
			// min-width: 70px;
			// height: 34px;
			// line-height 34px

.el-icon-caret-right
	display none
// 父表格样式
.modify-table /deep/
	border: none !important
	font-size: 16px;
	overflow: auto;
	.el-table__body tr:hover
		.el-icon-caret-right
			display inline
	thead
		color: #666666;
	th.el-table__cell
		font-weight normal
		background #f0f0f0 !important
		border: none !important
		padding 10px 0
		& > .cell
			padding 0
			line-height: 17px;
	th.mergeTh
		padding 10px 0 6px 0
	th.mergeTh-child
		padding 0 0 10px 0

	.el-table__cell
		border: none !important;
		border-bottom: 1px solid #DDDDDD !important;
		color: #333333;
		& > .cell
			padding 0 5px
			font-weight: PingFangMedium500;
	td.el-table__expanded-cell
		padding 0
	// 展开后表格样式
	.modify-expandTable
		font-size: 16px;
		border: none !important
		th.el-table__cell
			background #FFF2E7 !important
		td.el-table__cell
			background #FFFBF8 !important
			& > .cell
				font-weight normal
		.el-table__row:last-child td.el-table__cell
			border-bottom none !important
			border: none !important;
.search
	padding 20px 0
	display flex
	flex-wrap wrap
	&-cell
		display flex
		align-items center
		margin-right 31px
		&:last-child
			margin-right 0

		&__label
			flex-shrink 0
			font-size: 16px;
			font-weight: 400;
			color: #333;
			line-height: 30px;
			margin-right 10px
		// &__input /deep/
		// 	.el-input__inner
		// 		height: 40px;
		// 		background: #FFFFFF;
		// 		border-color: #DDDDDD;
		// 		border-radius: 6px;
.collapse
	position relative
	&-ft
		position absolute
		bottom 0
		right 0
		width 100%
		pointer-events none
	&-tags
		margin-right 528px
		/deep/ .el-tag
			margin 10px 10px 0 0
.chooseBlock
	display block
	opacity: 1;
	max-height 500px
	overflow: hidden;
	// transition: all .3s;
	&-close
		max-height 0
	&-cell
		display flex
		position relative
		margin-bottom 20px
		&:last-child
			margin-bottom 0
		&__label
			font-size: 16px;
			font-family: PingFang SC;
			font-weight: 400;
			color: #333;
			flex-shrink 0
			margin-right 15px
			line-height: 34px;

#npt {
	position: fixed !important;
	right: 20px;
	top: 200px;
}

#npt button {
	color: white;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	font-size: 15px;
	font-weight: initial;
	padding: 0;
	text-align: center;
}

#npt button span {
	display: inline-block;
	margin: auto;
}

.scheme{
	color: var(--primaryColor);
}
.not-scheme{
	color: #333;
}

</style>
